<template>
    <div class="Dingdan">
        <van-nav-bar
            left-text="返回"
            left-arrow
            title="我的订单"
            @click-left="onClickLeft"
            fixed
            z-index/>
        <van-tabs v-model="active" v-if="$store.state.islogin">
            <van-tab title="全部">
                <van-card
                num="2"
                price="2.00"
                desc="描述信息"
                title="商品标题"
                thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
                >
                <template #tags>
                    <van-tag plain type="danger">标签</van-tag>
                    <van-tag plain type="danger">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="2"
                price="2.00"
                desc="描述信息"
                title="商品标题"
                thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
                >
                <template #tags>
                    <van-tag plain type="danger">标签</van-tag>
                    <van-tag plain type="danger">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="2"
                price="2.00"
                desc="描述信息"
                title="商品标题"
                thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
                >
                <template #tags>
                    <van-tag plain type="danger">标签</van-tag>
                    <van-tag plain type="danger">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
            </van-tab>
            <van-tab title="待支付">
                <van-card
                num="2"
                price="10.00"
                desc="新鲜水果"
                title="香蕉 2kg"
                origin-price="40.00"
                thumb="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fphoto.orsoon.com%2F180130%2F180130_47%2FRnPi2Yzf6v.jpg&refer=http%3A%2F%2Fphoto.orsoon.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1628689732&t=a1ffcf7b8defe31b171edd8ad4b69b67"
                >
                <!-- <template #tags>
                    <van-tag plain type="danger">标签</van-tag>
                    <van-tag plain type="danger">标签</van-tag>
                </template> -->
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="1"
                price="2.00"
                desc="新鲜水果"
                title="苹果 1kg"
                origin-price="10.00"
                thumb="https://img2.baidu.com/it/u=2169376065,1661681954&fm=26&fmt=auto&gp=0.jpg"
                >
                <!-- <template #tags>
                    <van-tag plain type="danger">标签</van-tag>
                    <van-tag plain type="danger">标签</van-tag>
                </template> -->
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="2"
                price="2.00"
                desc="新鲜葡萄"
                title="葡萄 3kg"
                origin-price="100.00"
                thumb="https://img0.baidu.com/it/u=3446075252,2991669533&fm=26&fmt=auto&gp=0.jpg"
                >
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="2"
                price="2.00"
                desc="新鲜葡萄"
                title="葡萄 3kg"
                origin-price="100.00"
                thumb="https://img0.baidu.com/it/u=3446075252,2991669533&fm=26&fmt=auto&gp=0.jpg"
                >
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-card
                num="2"
                price="2.00"
                desc="新鲜葡萄"
                title="葡萄 3kg"
                origin-price="100.00"
                thumb="https://img0.baidu.com/it/u=3446075252,2991669533&fm=26&fmt=auto&gp=0.jpg"
                >
                <template #footer>
                    <van-button size="mini">取消订单</van-button>
                    <van-button size="mini">立即付款</van-button>
                </template>
                </van-card>
                <van-submit-bar :price="3050" button-text="确认支付" @submit="onSubmit">
                <van-checkbox v-model="checked">全选</van-checkbox>
                </van-submit-bar>
            </van-tab>
            <van-tab title="待发货">待发货</van-tab>
            <van-tab title="待收获">待收获</van-tab>
            <van-tab title="待评价">待评价</van-tab>
        </van-tabs>
        <van-empty v-else  description="亲，您还没有登录哟！" />
    </div>
</template>
<script>
import { Toast } from 'vant';
export default {
  data() {
    return {
      active: 0,
      checked:0,
    };
  },
  methods:{
    onClickLeft(){
      this.$router.push("/me")
    },
    onSubmit(){
        
    },
  }
};
</script>
<style class>
    .Dingdan .van-nav-bar{
        border-bottom: 1px solid #d6cdcd;
    }
    .Dingdan .van-tabs__wrap{
        position:fixed;
        top:46px;
        width:100%;
        z-index: 1
    }
    .Dingdan .van-tabs__content{
        margin-top: 90px;
        margin-bottom: 50px;
    }
</style>

